<script>
export default {
    name: "S3Mmodel"
}
</script>

<script setup>
import { defineEmits } from "vue"
const img = new URL("@/assets/suzhoubei.png", import.meta.url).href;

const emits = defineEmits(["imgChlick"])
const imgChlickFn = () => {
    emits("imgChlick")
}

</script>

<template>
    <div class="box">
        <el-image @click="imgChlickFn" style="width:100%;height: 100%;" :src="img" :z-index="999999" :zoom-rate="1.2"
            :max-scale="7" :min-scale="0.2" fit="cover" />
    </div>
</template>

<style scoped lang="less">
.box {
    height: calc(100% - 46px);
    width: 100%;

    .el-image {
        padding: 10px;
        cursor: pointer;
    }
}
</style>